<!doctype html>
<html lang="cn" class="no-js" from="CMS:Overseas2cn">

<head>
  <meta charset="UTF-8" />
  <title>Never Settle, OnePlus | 一部旗舰的里程碑</title>
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
  <meta name="screen-orientation" content="portrait">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <link rel="shortcut icon" href="../imgs/7fa57f35c179bad9cc9f18e2dd9b1d40.ico" />
    <!-- 1. 引入bootstrap.css -->
  <link rel="stylesheet" href="../plugins/bootstrap-3.4.1-dist/css/bootstrap.css">
  
  <script>
    window.op = window.op || {}; window.op.initTime = new Date();
    document.documentElement.className += op.isMobile ? ' mobile ' : ' pc ';
  </script>
  <link rel="shortcut icon" type="image/x-icon"
        href="https://image01.oneplus.cn/shop/202003/19/677/7fa57f35c179bad9cc9f18e2dd9b1d40.ico?20211228112006">
  <link href="https://statics.oneplus.cn/ov/assets/styles/vendor.css?20211228112006" rel="stylesheet">
  <link href="https://statics.oneplus.cn/ov/18801-explore/cn/index.css?20211228112006" rel="stylesheet">

<script charset="UTF-8" src="https://cdn.jsdelivr.net/npm/sa-sdk-javascript@1.16.16/sensorsdata.min.js"></script>
<script charset="UTF-8">
var sensors = window['sensorsDataAnalytic201505'];
sensors.init({
  server_url: 'https://sa.opposhop.cn/sa?project=decision',
  heatmap: {
       //是否开启点击图，default 表示开启，自动采集 $WebClick 事件，可以设置 'not_collect' 表示关闭。
        clickmap:'default',
        //是否开启触达注意力图，not_collect 表示关闭，不会自动采集 $WebStay 事件，可以设置 'default' 表示开启。
        scroll_notice_map:'default'
   } ,
  use_client_time:true,
  send_type:'beacon',
 show_log: false
});
// 注册公共属性
sensors.registerPage({
	current_url: location.href,
	referrer: document.referrer
});
sensors.quick('autoTrack');
</script>
<style>
    #logo {
            -webkit-text-size-adjust: 100%;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
            font-family: Roman-55, Helvetica Neue, Helvetica, Arial, sans-serif;
            font-feature-settings: "salt";
            font-weight: 800;
            list-style: none;
            cursor: pointer;
            fill: currentColor;
            line-height: 1;
            color: #f50514;
            font-size: 20px;
            box-sizing: border-box;
            vertical-align: middle;
        }

        #logo> :first-child + li{
            /* width:200px; */
            display: inline-block;
            padding-top: 15px;
            
        }
        #dhl li:hover {
            border-bottom:#f50514;
            border-style: solid;
            border-left-width:0px;
            border-right-width:0px;
            border-top-width:0px;
            border-bottom-width: 5px;
        }
        #login_div{
            /* border:1px solid red; */
            margin-top: 80px;
            padding: 30px;
            box-shadow: 2px -2px 6px #ccc;
            border-radius: 10px;
        }
        #a1{
            padding: 0px;
        }
</style>

</head>
<body class="hide-body">
    <!-- 导航begin -->
    <div>
        <div class="container-fluid" id="D1">
            <!-- 定义一行 -->
            <div class="row">
                <nav class="navbar navbar-default" role="navigation">
                    <div class="container-fluid">
                        <div class="navbar-header">
                            <ul class="nav navbar-nav nav-left" id="logo">
                                <li>
                                    <img src="../imgs/OnePlus_Logo.png" style="width: 50px;height: 50px;" alt="">
                                </li>
                                <li id="onepluse">ONEPLUSE</li>
                            </ul>
                        </div>
                        <div class="collapse navbar-collapse" id="example-navbar-collapse">

                        <ul class="nav navbar-nav navbar-right" id="dhl">
                            <!-- <li id="l1"><a href="login.html">登录</a></li> -->
                            <li id="l2"><a href="index.html">首页</a></li>
                            <li id="l3"><a href="shopping cart.html">我的购物车</a></li>
                            <li class="active"><a href="story.html" id="Myorder">一加故事</a></li>
                            <li><a href="login.html">安全退出</a></li>
                            <li>
                                <a id="a1" href="personal.html"><img src="../imgs/OnePlus_Logo.png"
                                        style="width: 50px;height: 50px;border-radius: 50%;" alt=""></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
    </div>
    <!-- 导航end -->

<div class="oneplus-store-cn">
  <input type="hidden" name="mark-current-store" id="mark-current-store" value="cn">
    </style>
    <main class="explore-container one-font-regular" role="main" id="explore-container"  :class="{'showContent': isFixedBrandStory}">
      <!-- KV+视频区 -->
      <section class="explore-content explore-kv-video">
        <div class="kv-wrap" :class="{'cn': isCN}"></div>
        <div v-if="!isXs"  id="explore-video"></div>
    
        <div class="mask" :class="{animated: kvAnimated}">
          <div class="title-wrap">
            <h3 class="title ant1">总有故事 被影像看见</h3>
            <p class="subtitle ant2">和 OnePlus 品牌代言人周迅、胡歌一起，看见更多影像故事。</p>
          </div>
          <div class="media-wrap ant3">
            <!-- <a track-data="观看完整视频" href="javascript:;"><i class="media-icon" @click="clickShowVideo('kvVideo')"></i></a>
            <a href="javascript:void(0);" class="video-link" @click="clickShowVideo('kvVideo')">了解更多</a> -->
            <a href="https://www.oneplus.com/cn/brand/spokesperson" class="video-link">了解更多</a>
          </div>
        </div>
      </section>
    
      <!-- 菜单 -->
      <section id="explore-tab" class="explore-content explore-tab-list">
        <div id="explore-tab-list"
             class="tab-list"
             :class="{fixed: isFixedNav, hide: hideNav}">
          <div class="tab-item"
               :class="{active: index === activeTabIndex}"
               v-for="(item, index) in tabList">
            <a class="anchor" :data-tagid="'tag-' + index">{{item}}</a>
          </div>
        </div>
      </section>
    
      <!-- 品牌故事 -->
      <section id="explore-brand-story" data-tag="tag-0" class="explore-content explore-brand-story" :class="{'fixed': isFixedBrandStory}">
        <div class="brand-story-list-wrap">
          <div id="brand-story-list" class="brand-story-list" :class="{
            'expanded': expandedStoryIndex > -1 && isSmallDevice}">
            <div class="brand-story-item"
                 v-for="(story, storyIndex) in detailBrandStoryList">
    
              <!-- 封面 -->
              <div class="cover-content-wrap button" :track-data="'大事件_' + story.cover" @click="expandStoryInPC(storyIndex)">
                <!-- 渐变背景 -->
                <div v-if="!isSmallDevice" class="gradient-bg"></div>
                <!-- hover背景 -->
                <div class="cover-pic" v-if="isSmallDevice" :style="'background-image: url('+story.coverMobilePic+');'"></div>
                <div class="cover-pic" v-else :style="'background-image: url('+story.coverPcPic+');'"></div>
    
                <!-- 封面文案 -->
                <div class="cover-content">
                  <div class="main-title">
                    <div class="item"
                         v-html="story.cover"></div>
                  </div>
                  <div class="title">
                    <div class="top-line"></div>
                    <div class="item" v-html="story.coverTitle"></div>
                  </div>
                  <div class="subtitle" v-html="story.coverSubTitle"></div>
    
                  <div class="more-text" v-if="isSmallDevice" @click="expandStoryInMobile(storyIndex)">
                    <i class="triangle-icon"></i><a href="javascript:;" :track-data="'大事件_' + story.cover"><span class="text">{{story.moreText}}</span></a>
                  </div>
                  <div class="more-text" v-else>了解更多</div>
                </div>
              </div>
    
              <!-- 内页 -->
              <div class="inner-content-wrap">
                <!-- 背景图片 -->
                <div v-if="isSmallDevice" class="pic-wrap" :style="'background-image: url('+story.data[0].mobilePic+');'"></div>
                <div v-else class="pic-wrap" :style="'background-image: url('+story.data[0].pcPic+');'"></div>
    
                <!-- 返回按钮 -->
                <div class="back-btn-wrap"
                     @click.stop="goBack">
                  <i class="triangle-icon" style="display: inline-block;"></i>
                  <a class="back-btn" href="javascript:void(0);">返回</a>
                </div>
    
                <!-- Tab -->
                <div class="tab-wrap">
                  <ul class="tab-list">
                    <li class="tab-item"
                        :track-data="'大事件内页_' + tab.theme"
                        v-for="(tab, tabIndex) in detailBrandStoryList"
                        :class="{'active': tabIndex === expandedStoryIndex}"
                        @click="goToTheme(tabIndex)">{{tab.theme}}</li>
                  </ul>
                </div>
    
                <!-- 内页文案 -->
                <div class="inner-content">
                  <div class="content-detail"
                       :class="{
                      'milestones-content': story.data[story.activeIndex].renderType === 'milestones',
                      'achievements-content':  story.data[story.activeIndex].renderType === 'achievements',
                      'community-content':  story.data[story.activeIndex].renderType === 'community'
                    }">
                    <!-- 常规文案 -->
                    <template v-if="story.data[story.activeIndex].renderType === 'normal'">
                      <div class="normal-content"
                           :class="{'normal-content-video': story.data[story.activeIndex].videoCover}">
                        <div class="content-wrap" style="width: 100%;">
                          <div class="title" v-html="story.data[story.activeIndex].title"></div>
                          <div class="subtitle" v-html="story.data[story.activeIndex].subtitle"></div>
                          <div class="remarks"
                               v-if="story.data[story.activeIndex].remarks"
                               v-html="story.data[story.activeIndex].remarks"></div>
                        </div>
                        
    
                        <div class="video-wrap" v-if="story.data[story.activeIndex].videoCover">
                          <div class="video-bg-pic">
                            <img class="video-bg" v-bind:src="story.data[story.activeIndex].videoCover">
                          </div>
                          <div class="media-btn-wrap" @click="clickShowStoryVideo(story.data[story.activeIndex].videoId)">
                            <div class="media-btn"></div>
                          </div>
                        </div>
                        
                      </div>
                      
                    </template>
    
                    <!-- 产品成绩——媒体评价文案 -->
                    <template v-if="story.data[story.activeIndex].renderType === 'milestones'">
                      <div v-if="isXs" class="milestones-list-small">
                        <div class="item"
                             v-for="milestones in story.data[story.activeIndex].content">
                          <div class="media-logo">
                            <img class="logo" :src="milestones.mediaPic">
                          </div>
    
                          <div class="contents">
                            <div class="en-content">
                              <span class="quote left-quote">“</span>
                              <span v-html="milestones.EN"></span>
                              <span class="quote">”</span>
                            </div>
                            <div class="cn-content">
                              <span v-html="milestones.CN"></span>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div v-else class="milestones-list">
                        <div class="item"
                             v-for="milestones in story.data[story.activeIndex].content">
                          <div class="en-content">
                            <span class="quote">“</span>
                            <span v-html="milestones.EN"></span>
                          </div>
                          <div class="cn-content">
                            <span v-html="milestones.CN"></span>
                            <span class="quote">”</span>
                          </div>
                          <div class="media-logo">
                            <span class="line"></span>
                            <span class="logo-wrap">
                              <img class="logo" :src="milestones.mediaPic">
                            </span>
                          </div>
                        </div>
                      </div>
                    </template>
    
                    <!-- 公司成就——奖项文案 -->
                    <template v-if="story.data[story.activeIndex].renderType === 'achievements'">
                      <div class="achievements-pic-wrap"
                           :class="{'achievements-pic-small': isSmallDevice}">
                        <template v-if="isSmallDevice">
                          <img class="achievements-pic" :src="story.data[story.activeIndex].achievementMobilePic">
                        </template>
                        <template v-else>
                          <img class="achievements-pic" :src="story.data[story.activeIndex].achievementPcPic">
                        </template>
                      </div>
                    </template>
    
                    <!-- 用户互动——用户评价文案 -->
                    <template v-if="isSmallDevice">
                      <!-- Swiper -->
                      <div v-show="story.data[story.activeIndex].renderType === 'community'" class="community-swiper-container">
                        <div class="swiper-wrapper">
                          <div class="swiper-slide"
                               v-for="community in story.data[story.activeIndex].content">
                            <div class="item">
                              <div class="panel">
                                <div class="title" v-html="community.title"></div>
                                <div class="detail">{{community.detail}}</div>
                                <div class="user-info">
                                  <div class="avatar">
                                    <img class="pic" src="https://statics.oneplus.cn/ov/assets/images/18801-explore/story/pc/icon/avatar.png">
                                  </div>
                                  <div class="user-name">{{community.userName}}</div>
                                  <div class="from">{{community.userFrom}}</div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </template>
                    <div v-else-if="story.data[story.activeIndex].renderType === 'community'" class="community-list">
                      <div class="item"
                           v-for="community in story.data[story.activeIndex].content">
                        <div class="panel">
                          <div class="title" v-html="community.title"></div>
                          <div class="detail">{{community.detail}}</div>
                          <div class="user-info">
                            <div class="avatar">
                              <img class="pic" src="https://statics.oneplus.cn/ov/assets/images/18801-explore/story/pc/icon/avatar.png">
                            </div>
                            <div class="user-name">{{community.userName}}</div>
                            <div class="from">{{community.userFrom}}</div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
    
                
                <!-- 时间线 -->
                <div class="control-wrap">
                  <div class="page-control">
                    <span class="page-item current-num">01</span>
                    <span class="page-item separate">/</span>
                    <span class="page-item total-num">{{story.data.length | formatNum}}</span>
                  </div>
    
                  <div class="line-wrap">
                    <div class="total-line"></div>
                    <div class="current-line"></div>
                  </div>
    
                  <div class="arrow-control">
                    <div class="arrow-item active animated" data-direction="prev" @click="goToSection('prev')">
                      <div class="arrow left-arrow"></div>
                    </div>
                    <div class="arrow-item active animated" data-direction="next" @click="goToSection('next')">
                      <div class="arrow right-arrow"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
    
      <!-- co-brandings楼层 -->
      <section id="explore-co-brandings" data-tag="tag-1" class="explore-content explore-co-brandings">
        <div class="swiper-container swiper-container-co-brandings">
          <div class="swiper-wrapper">
            <div class="swiper-slide" v-for="item in cobrandings">
              <div class="co-brandings-wrap">
                <div class="pic-wrap swiper-lazy"
                     v-if="isSmallDevice"
                     :data-background="item.mobilePic"></div>
                <div class="pic-wrap swiper-lazy"
                     v-else
                     :data-background="item.pcPic"></div>
              </div>
            </div>
          </div>
        </div>
    
        <!-- 文案 -->
        <div class="co-brandings-content-wrap">
          <div class="co-brandings-content"
               v-for="(item, index) in cobrandings"
               :class="{
              'co-brandings-black': item.theme === 'black'
            }">
            <ul class="brand-list" v-if="!isSmallDevice">
              <li class="brand-item">
                <img class="pic" :src="item.logoOne">
              </li>
              <li class="brand-item cross"></li>
              <li class="brand-item">
                <img class="pic" :src="item.logoTwo">
              </li>
            </ul>
    
            <div class="content-wrap">
              <h4 class="title">{{item.title}}</h4>
              <p class="content">{{item.subtitle}} <br><a :href="item.learnMoreLink" class="new-learn-more" v-if="item.showLearnMore">了解更多</a></p>
            </div>
          </div>
        </div>
    
        <!-- 时间线 -->
        <div class="control-wrap"
             :class="{
            'control-wrap-black': cobrandings[coBrandingsActiveIndex].theme === 'black'
          }">
          <div class="page-control">
            <span class="page-item current-num">01</span>
            <span class="page-item separate">/</span>
            <span class="page-item total-num">{{cobrandings.length | formatNum}}</span>
          </div>
    
          <div class="line-wrap">
            <div class="total-line"></div>
            <div class="current-line"></div>
          </div>
    
          <div class="arrow-control">
            <div class="arrow-item active" data-direction="prev">
              <div class="arrow left-arrow"></div>
            </div>
            <div class="arrow-item active" data-direction="next">
              <div class="arrow right-arrow"></div>
            </div>
          </div>
        </div>
      </section>
      
      <!-- 其余入口 -->
      <section id="explore-extra-entry" class="explore-content explore-extra-entry">
        <div class="extra-entry-wrap">
          <ul class="entry-list">
           
            <li class="entry-item">
              <div class="entry-title">加入一加</div>
              <div class="more-link">
                <a class="link" track-data="brand_加入一加" href="https://career.oneplus.com/cn?from=brand">了解更多</a>
              </div>
            </li>
            <li class="entry-item">
              <div class="entry-title">联系我们</div>
              <div class="more-link">
                <a class="link" track-data="brand_联系我们" href="https://www.oneplus.com/cn/support/contact?from=brand">了解更多</a>
              </div>
            </li>
          </ul>
        </div>
      </section>
    
      <one-youku-player v-if="isCN" :options="videoOptions" ref="player" ready></one-youku-player>
      <one-player v-else :options="videoOptions" ref="player" ready></one-player>
    </main>
    
    <script type="text/html" v-pre id="tpl-cn-video">
      <video autoplay loop muted class="video-wrap" poster="https://image01.oneplus.cn/shop/202104/26/1-M00-34-01-rBqgkWCGLg-AED0BAAjlBqVM4Ps222.png">
        <source src="https://onepluscn-my.sharepoint.com/personal/arvin_zhang_oneplus_com/Documents/Microsoft%20Teams%20%E8%81%8A%E5%A4%A9%E6%96%87%E4%BB%B6/%E5%91%A8%E8%BF%85%E8%83%A1%E6%AD%8C%E5%93%81%E7%89%8C%E9%A1%B5%E5%8E%8B%E7%BC%A9.mp4" type="video/mp4">
      </video>
    </script>
    
    <script type="text/html" v-pre id="tpl-en-video">
      <video autoplay loop muted class="video-wrap" poster="https://statics.oneplus.cn/ov/assets/images/18801-explore/kv/pc/EU_NA.jpg">
        <source src="https://statics.oneplus.cn/ov/assets/images/18801-explore/kv/pc/EU_NA.mp4" type="video/mp4">
      </video>
    </script>
    
    <!-- 视频配置 -->
    <script>
      var VIDEO_SOURCE = {
        kvVideo: {
          cn: 'XMzg2NDg2NDE4NA',
          en: 'Sh41Uq3huAI'
        },
        honorVideo: [{
          cn: 'XMzYyNjA4ODU1Mg',
          en: '2dFogyLQzEY'
        }, {
          cn: 'XMzE1OTQzNjEyOA',
          en: 'ht_cDhe_4x8'
        }]
      };
      var GLOBAL_PARAMS = {
        storyShowTime: 5000,
        tabList: ["大事件", "品牌联合", "视频"], // , "活动"
        cobrandings: [
          {
            theme: "white",
            title: "一加 | 哈苏 手机影像系统",
            subtitle: "OnePlus 携手哈苏，打造一加 | 哈苏 手机影像系统。这是双方品牌气质与摄影理念的不谋而合，更是影像技术对美学人文的一次深度演绎。",
            mobilePic: "https://image01.oneplus.cn/shop/202103/22/1-M00-12-DD-rBqgjWBYhtOAc-UoAARryxip2GA290.png",
            pcPic: "https://image01.oneplus.cn/shop/202103/22/1-M00-33-8D-rBqgkWBYhtSAStSSAAifpdUG3kU848.png",
            showLearnMore: true,
            learnMoreLink:"https://www.oneplus.com/cn/brand/9-series-hasselblad"
          }
          ,
          {
          theme: "white",
          title: "OnePlus 6T 迈凯伦定制版",
          subtitle: "迈凯伦是世界上最快的赛车之一，手机中的 OnePlus 也是速度的代表。对速度的追求与热爱，对产品的专注和专研精神，是双方战略合作的原点。",
          logoOne: "https://statics.oneplus.cn/ov/assets/images/18801-explore/co-brandings/oneplus-logo/OnePlus-6t-logo.png",
          logoTwo: "https://statics.oneplus.cn/ov/assets/images/18801-explore/co-brandings/mclaren.png",
          mobilePic: "https://image01.oneplus.cn/shop/201812/24/809/1a995c03cfc6c58acd05688fb5934b6d.jpg",
          pcPic: "https://image01.oneplus.cn/shop/201812/24/1302/b8c6ac4b25b2be0791fba19e871c6083.jpg"
        }, {
          theme: "white",
          title: "OnePlus 6 漫威复仇者联盟限量版",
          subtitle: "10 年漫威，早在无数人心中，打下了英雄的烙印。OnePlus 6 漫威复仇者联盟限量版，以全速旗舰，致敬我们喜爱的漫威英雄。",
          logoOne: "https://statics.oneplus.cn/ov/assets/images/18801-explore/co-brandings/oneplus-logo/OnePlus-6-logo.png",
          logoTwo: "https://statics.oneplus.cn/ov/assets/images/18801-explore/co-brandings/avengers.png",
          mobilePic: "https://image01.oneplus.cn/shop/201810/18/1995/dabb12e9d40f32c98667ac262767237a.jpg",
          pcPic: "https://image01.oneplus.cn/shop/201810/18/258/b4b240df6c2a7816c7b3236e54d0a4f6.jpg"
        }, {
          theme: "black",
          title: "OnePlus 5T Star Wars 砂岩白限量版（印度、北欧）",
          subtitle: "它是科幻电影的开山鼻祖，影响了世界无数的科幻迷。如今，Star Wars 再开先河，与 OnePlus 一起，共同为“星战迷”献上惊艳之作。",
          logoOne: "https://statics.oneplus.cn/ov/assets/images/18801-explore/co-brandings/oneplus-logo/OnePlus5t-logo.png",
          logoTwo: "https://statics.oneplus.cn/ov/assets/images/18801-explore/co-brandings/starwars.png",
          mobilePic: "https://statics.oneplus.cn/ov/assets/images/18801-explore/co-brandings/mobile/starwars.jpg",
          pcPic: "https://statics.oneplus.cn/ov/assets/images/18801-explore/co-brandings/pc/starwars.jpg"
        }, {
          theme: "black",
          title: "OnePlus 5 JCC+ 定制版",
          subtitle: "Jean-Charles de Castelbajac 是世界知名的法国艺术大师，曾被纽约时报誉为“反流行教父”。此次联名，是一次科技与艺术的美妙结合。",
          logoOne: "https://statics.oneplus.cn/ov/assets/images/18801-explore/co-brandings/oneplus-logo/OnePlus5-logo.png",
          logoTwo: "https://statics.oneplus.cn/ov/assets/images/18801-explore/co-brandings/jcc.png",
          mobilePic: "https://statics.oneplus.cn/ov/assets/images/18801-explore/co-brandings/mobile/jcc.jpg",
          pcPic: "https://statics.oneplus.cn/ov/assets/images/18801-explore/co-brandings/pc/jcc.jpg"
        }, {
          theme: "black",
          title: "OnePlus 3T colette 20 周年定制版",
          subtitle: "colette 是巴黎乃至于全世界的流行指标，在 colette 20 周年，两个品牌再一次跨越科技与时尚的边界，联名推出纪念之作。",
          logoOne: "https://statics.oneplus.cn/ov/assets/images/18801-explore/co-brandings/oneplus-logo/OnePlus-3t-logo.png",
          logoTwo: "https://statics.oneplus.cn/ov/assets/images/18801-explore/co-brandings/colette.png",
          mobilePic: "https://statics.oneplus.cn/ov/assets/images/18801-explore/co-brandings/mobile/colette.jpg",
          pcPic: "https://statics.oneplus.cn/ov/assets/images/18801-explore/co-brandings/pc/colette.jpg"
        }, {
          theme: "white",
          title: "OnePlus 2 ONE 限量版",
          subtitle: "复杂世界里，一个就够了。OnePlus 2 与 ONE·一个 App 携手，在不那么合拍的世界里，一拍即合。",
          logoOne: "https://statics.oneplus.cn/ov/assets/images/18801-explore/co-brandings/oneplus-logo/OnePlus-2-logo.png",
          logoTwo: "https://statics.oneplus.cn/ov/assets/images/18801-explore/co-brandings/one.png",
          mobilePic: "https://statics.oneplus.cn/ov/assets/images/18801-explore/co-brandings/mobile/one.jpg",
          pcPic: "https://statics.oneplus.cn/ov/assets/images/18801-explore/co-brandings/pc/one.jpg"
        }, {
          theme: "white",
          title: "OnePlus One JBL 限量版",
          subtitle: "音响行业品牌 JBL，70 余年声音传承，享誉电声领域。OnePlus 与之携手，强强联“音”，联袂为你而“声”。",
          logoOne: "https://statics.oneplus.cn/ov/assets/images/18801-explore/co-brandings/oneplus-logo/OnePlus-One-logo.png",
          logoTwo: "https://statics.oneplus.cn/ov/assets/images/18801-explore/co-brandings/jbl.png",
          mobilePic: "https://statics.oneplus.cn/ov/assets/images/18801-explore/co-brandings/mobile/jbl.jpg",
          pcPic: "https://statics.oneplus.cn/ov/assets/images/18801-explore/co-brandings/pc/jbl.jpg"
        }]
      };
    </script>
    
    
    <!-- 品牌故事内容 -->
    <script type="application/json" id="data-brand-story" v-pre>
      {
        "detailList": [{
          "theme": "里程碑",
          "activeIndex": 0,
          "cover": "一部旗舰的<br/>里程碑",
          "coverPcPic": "https://image01.oneplus.cn/shop/201812/24/1028/428480e61c2e1bc4a3687f13c1a9f44b.jpg",
          "coverMobilePic": "https://image01.oneplus.cn/shop/201812/27/1191/cfc7494e34f3d3e8c235e8445a26c03f.jpg",
          "coverTitle": "市场表现惊艳，<br/>媒体好评连连。",
          "coverSubTitle": "OnePlus 9/9 Pro 全网销售额 10 秒破 3 亿。",
          "moreText": "更多成绩",
          "data": [{
            "renderType": "normal",
            "title": "10 秒 3 亿",
            "subtitle": "OnePlus 9/9 Pro 全网销售额 10 秒破 3 亿。",
            "remarks": "数据来源：官方商城|京东|天猫|苏宁易购。统计时间：2021 年 3 月 30 日 10:00:00-10:00:10。",
            "pcPic": "https://image01.oneplus.cn/shop/202104/26/1-M00-13-51-rBqgjWCGNl2AHQ0vAAhXrWATB9s311.png",
            "mobilePic": "https://image01.oneplus.cn/shop/202104/25/1-M00-13-4F-rBqgjWCFGR-AUQcQAAW2S8t4igM384.jpg"
          }, {
            "renderType": "normal",
            "title": "破亿",
            "subtitle": "OnePlus 9R 全渠道销售额破亿。",
            "remarks": "数据来源：线上线下各销售渠道。统计时间：2021 年 4 月 20 日 00:00-12:00。",
            "pcPic": "https://image01.oneplus.cn/shop/202104/25/1-M00-33-FF-rBqgkWCFGZGAA-BSAAGRcSwYxdE227.jpg",
            "mobilePic": "https://image01.oneplus.cn/shop/202104/25/1-M00-33-FF-rBqgkWCFGZGAROqSAAVM3WFnoyI571.jpg"
            
          }, {
            "renderType": "normal",
            "title": "50%+",
            "subtitle": "2017 年手机销量比 2016 年增长超过 50%。",
            "pcPic": "https://statics.oneplus.cn/ov/assets/images/18801-explore/story/pc/milestones/1.2.jpg",
            "mobilePic": "https://statics.oneplus.cn/ov/assets/images/18801-explore/story/mobile/milestones/1.2.jpg"
          }, {
            "renderType": "milestones",
            "content": [{
              "EN": "A gorgeous new design coupled with powerful specs.",
              "CN": "设计华丽，配置强悍",
              "mediaPic": "https://statics.oneplus.cn/ov/assets/images/18801-explore/story/pc/icon/engadget.png"
            }, {
              "EN": "OnePlus 6 is a phone that delivers in almost every way.",
              "CN": "OnePlus 6 是一款近乎全能的手机",
              "mediaPic": "https://statics.oneplus.cn/ov/assets/images/18801-explore/story/pc/icon/androidcentral.png"
            }, {
              "EN": "Flagship Killer.<br/>OnePlus is no longer the rookie you can ignore.",
              "CN": "旗舰杀手，OnePlus 不再是你可以忽略的新秀。",
              "mediaPic": "https://statics.oneplus.cn/ov/assets/images/18801-explore/story/pc/icon/mashable.png"
            }],
            "pcPic": "https://statics.oneplus.cn/ov/assets/images/18801-explore/story/pc/milestones/1.3.jpg",
            "mobilePic": ""
          }, {
            "renderType": "normal",
            "title": "四个满意度第一",
            "subtitle": "《今日头条》2018 上半年《手机品牌网络舆情与用户口碑白皮书》显示，OnePlus 6 在「用户满意度」、「流畅性满意度」、「用户机型满意度」、「游戏性能满意度」四个维度位列第一。",
            "pcPic": "https://statics.oneplus.cn/ov/assets/images/18801-explore/story/pc/milestones/1.4.jpg",
            "mobilePic": "https://statics.oneplus.cn/ov/assets/images/18801-explore/story/mobile/milestones/1.4.jpg"
          }]
        }, {
          "theme": "成就",
          "activeIndex": 0,
          "cover": "一个品牌的<br/>不凡成就",
          "coverPcPic": "https://image01.oneplus.cn/shop/201812/24/1525/4475bf45ddf89afbfa0ea48ff2fd5503.jpg",
          "coverMobilePic": "https://image01.oneplus.cn/shop/201812/27/500/a604d6357c8368881fafc93ff0e2b778.jpg",
          "coverTitle": "用户遍布全球，<br/>屡获殊荣。",
          "coverSubTitle": "款款旗舰，遍布全球 30+ 国家和地区。",
          "moreText": "更多成就",
          "data": [{
            "renderType": "normal",
            "title": "30+ 市场",
            "subtitle": "款款旗舰，遍布全球 30+ 国家和地区。",
            "remarks": "",
            "pcPic": "https://image01.oneplus.cn/shop/202104/25/1-M00-33-FF-rBqgkWCFGheABUZGAADGTwyQnGo635.jpg",
            "mobilePic": "https://image01.oneplus.cn/shop/202104/25/1-M00-13-4F-rBqgjWCFGhaABQypAAT8dfBCePY050.jpg"
          },{
            "renderType": "achievements",
            "achievementPcPic": "https://statics.oneplus.cn/ov/assets/images/18801-explore/story/pc/achievements/prize.png",
            "achievementIndex": 0,
            "achievementMobilePicList": ["https://statics.oneplus.cn/ov/assets/images/18801-explore/story/mobile/achievements/prize.1.png", "https://statics.oneplus.cn/ov/assets/images/18801-explore/story/mobile/achievements/prize.2.png"],
            "pcPic": "https://statics.oneplus.cn/ov/assets/images/18801-explore/story/pc/achievements/2.1.jpg",
            "mobilePic": "https://statics.oneplus.cn/ov/assets/images/18801-explore/story/mobile/achievements/2.1.jpg"
          }, {
            "renderType": "normal",
            "title": "印度高端市场份额No.1",
            "subtitle": "OnePlus 以高达 40% 的市场份额位居印度高端手机市场榜首。",
            "remarks": "出自 Counterpoint 2018 年第二季度印度高端智能手机市场报告",
            "pcPic": "https://statics.oneplus.cn/ov/assets/images/18801-explore/story/pc/achievements/2.2.jpg",
            "mobilePic": "https://statics.oneplus.cn/ov/assets/images/18801-explore/story/mobile/achievements/2.3.jpg"
          }]
        }, {
          "theme": "谢谢你，加油",
          "activeIndex": 0,
          "cover": "谢谢你<br/>加油",
          "coverPcPic": "https://statics.oneplus.cn/ov/assets/images/18801-explore/story/pc/cover/3.jpg",
          "coverMobilePic": "https://statics.oneplus.cn/ov/assets/images/18801-explore/story/mobile/cover/3.jpg",
          "coverTitle": "打开耳朵，<br/>也让我们敞开心扉。",
          "coverSubTitle": "全球累计数万名加油，参与了 OnePlus Pop-up 快闪活动。",
          "moreText": "更多活动",
          "data": [{
            "renderType": "normal",
            "title": "OnePlus Pop-up 活动",
            "subtitle": "11 个国家，26 个城市，超过 20,000 位加油，参加了我们举办的 Pop-up 活动。",
            "pcPic": "https://statics.oneplus.cn/ov/assets/images/18801-explore/story/pc/community/3.1.jpg",
            "mobilePic": "https://statics.oneplus.cn/ov/assets/images/18801-explore/story/mobile/community/3.1.jpg"
          }, {
            "renderType": "normal",
            "title": "Open Ears/氢听",
            "subtitle": "来自全球 183 个国家超过 1000 万位的加油加入了 OnePlus 社区。你的心声，使我们我们不断进步。",
            "pcPic": "https://statics.oneplus.cn/ov/assets/images/18801-explore/story/pc/community/3.2.jpg",
            "mobilePic": "https://statics.oneplus.cn/ov/assets/images/18801-explore/story/mobile/community/3.2.jpg"
          }, {
            "renderType": "community",
            "communityIndex": 0,
            "content": [{
              "title": "手感真**好，<br/>张老板果然不是吹的……",
              "detail": "OnePlus 6 全速旗舰！第三部OnePlus手机了，全部都是首发购入，上手第一感觉就是手感真**好，张老板果然不是吹的……",
              "userName": "苏格拉没有底QJ",
              "userFrom": "（京东用户）"
            }, {
              "title": "漂亮 ",
              "detail": "外观漂亮，做工不错，速度极致，手感很好！",
              "userName": "e***0",
              "userFrom": "（京东用户）"
            }, {
              "title": "对得起流畅二字",
              "detail": "这手机的确对得起流畅二字。",
              "userName": "铭记戒aI",
              "userFrom": "（微博粉丝）"
            }],
            "pcPic": "",
            "mobilePic": ""
          }]
        }]
      }
    </script>
    
<section class="universal-loading-canvas" id="universal-loading-canvas">
  <i class="univesal-loading-container">
    <svg class="universal-spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg">
      <circle class="path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
    </svg>
  </i>
</section>
<script type="text/javascript" crossorigin src="https://statics.oneplus.cn/ov/assets/scripts/vendor.js?20211228112006"></script>
<script type="text/javascript" crossorigin src="https://statics.oneplus.cn/ov/18801-explore/cn/index.js?20211228112006"></script>
<script>
  var _hmt = _hmt || [];
  (function () {
    var a = document.createElement("script");
    a.type = "text/javascript";
    a.async = true;
    a.src = "https://statics.oneplus.cn/ov/assets/scripts/opdcV3.0.0.min.js?20211228112006";
    var b = document.getElementsByTagName("script")[0x0];
    b.parentNode.insertBefore(a, b);

    var hm = document.createElement("script");
    hm.src = "//hm.baidu.com/hm.js?3a59d601a13580387971f58e07f89889";
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(hm, s);
  })();
</script>
</body>

</html>